function star(){
    function random(min,max) {
        return Math.floor( Math.random() * (max-min+1)+min )
    }
    
    // 1 获取网页绑定点击事件
    var num=0
    document.onclick = function(evt) {
        // 2 事件处理函数中 - 获取事件对象
        var e = evt || window.event
        // 3 事件处理函数中 - 获取操作的标签
        var target = e.target || e.srcElement
        // 4 事件处理函数中 - 判断是不是星星，不是就不管，是就移出
        if (target.nodeName === 'IMG')
        {
            // 父.removeChild(子)
            // document.removeChild(target)
            num+=10
            document.body.removeChild(target)
        }
        if(num<=100){
            document.querySelector('.xuetiao span').style.width =  num + 'px'
            document.querySelector('#xue').innerText = '游戏进行中'
            clearInterval(t)
            clearInterval(y)
        }
           else{
               document.querySelector('#xue').innerText = '游戏结束'
               alert('游戏成功！')
            }
    }
    
    // 1 写定时器
    y=setInterval(function() {
        // 2 定时器中 - 造img星星
        var imgObj = document.createElement('img')
        imgObj.src = './star.gif'
        // 3 定时器中 - 样式周边：定位、宽度、高度
        var w = random(50, 60)
        imgObj.width = w
        imgObj.height = w
        imgObj.style.position = 'absolute'
        
        var maxW = (window.innerWidth||document.documentElement.clientWidth) - w
        var maxH = (window.innerHeight||document.documentElement.clientHeight) - w
        var l = random(0, maxW)
        var t = random(0, maxH)
        imgObj.style.left = l + 'px'
        imgObj.style.top = t + 'px'
        // 4 定时器中 - 追加到页面
        document.body.appendChild(imgObj)
    }, 500)
    
    var num=100
    t=setInterval(function(){
        num=num-10
        if(num<=100){
            document.querySelector('.xuetiao span').style.width = num +'px'
        }
    },1000)    
}
star ()